<template>
  <ckeditor
    :editor="editor"
    v-model="editorData"
    :config="editorConfig"
  ></ckeditor>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
import "@ckeditor/ckeditor5-build-classic/build/translations/zh-cn";
import CKEditor from "@ckeditor/ckeditor5-vue";
// import Base64UploadAdapter from "@ckeditor/ckeditor5-upload/src/adapters/base64uploadadapter";

@Component({
  name: "MyCkEditor",
  components: { ckeditor: CKEditor.component }
})
export default class MyCkEditor extends Vue {
  editor = ClassicEditor;
  editorData = "";
  editorConfig = {
    placeholder: "请输入内容",
    language: "zh-cn"
  };
}
</script>

<style>
.ck-editor__editable_inline {
  min-height: 500px;
}
</style>
